<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>控制面板</title>

    {{ load('css', 'lib/layui-v2.5.4/css/layui.css') }}
    {{ load('css', 'css/common.css', true) }}
</head>
<body class="layui-layout-body">

<div class="layui-layout layui-layout-admin">
    <div ke-nav class="layui-header">
        <div class="layui-logo">layui 后台布局</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            {% for nav in menus.head %}
                <li class="layui-nav-item">
                    <a href="{{ url(nav.url) }}">{{ nav.title }}</a>
                    {% if nav.children %}
                        <dl class="layui-nav-child">
                            {% for sub in nav.children %}
                                <dd><a href="{{ url(sub.url) }}">{{ sub.title }}</a></dd>
                            {% endfor %}
                        </dl>
                    {% endif %}
                </li>
            {% endfor %}
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                    贤心
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">基本资料</a></dd>
                    <dd><a href="">安全设置</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="">退了</a></li>
        </ul>
    </div>

    <div ke-nav class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree">
                {% for nav in menus.side %}
                    <li class="layui-nav-item {% if nav.opend %}layui-nav-itemed{% endif %}">
                        <a href="javascript:;"{% if nav.children is empty %} data-jump="{{ url(nav.url) }}"{% endif %}>
                            {% if nav.icon %}
                                <i class="layui-icon layui-icon-{{ nav.icon }}"></i>
                            {% endif %}
                            {{ nav.title }}
                        </a>
                        {% if nav.children %}
                            <dl class="layui-nav-child">
                                {% for sub in nav.children %}
                                    <dd><a href="javascript:;" data-jump="{{ url(sub.url) }}" data-title="{{ sub.title }}">{{ sub.title }}</a></dd>
                                {% endfor %}
                            </dl>
                        {% endif %}
                    </li>
                {% endfor %}
            </ul>
        </div>
    </div>

    <div id="ke-render" class="layui-body">
        {% block body %}
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © layui.com - 底部固定区域
    </div>
</div>

{{ load('js', 'lib/layui-v2.5.4/layui.js') }}
{{ load('js', '../lib/jquery/dist/jquery.min.js') }}
{{ load('js', '../lib/jquery-pjax/jquery.pjax.js') }}
{{ load('js', 'js/common.js', true) }}
</body>
</html>
